<template>
  <tab-bar>
    <tab-bar-item>
      <search slot="bar-left"></search>
    </tab-bar-item>
    <tab-bar-item>
      <mid-bar slot="bar-center"></mid-bar>
    </tab-bar-item>
    <tab-bar-item>
      <login slot="bar-right"></login>
    </tab-bar-item>
  </tab-bar>
</template>

<script>
import TabBar from "../TabBar/TabBar.vue";
import TabBarItem from "../TabBar/TabBarItem.vue";
import Search from "../TabBar/Search.vue";
import MidBar from "../TabBar/MidBar.vue";
import Login from "../TabBar/Login.vue";
export default {
  name: 'MainTopBar',
  components: {
    TabBar,
    TabBarItem,
    Search,
    MidBar,
    Login
  },
};
</script>

<style>
</style>